<template>
  <div class="container">
    <div class="header">
      <van-icon name="arrow-left" tag="a" href="/home" />      
      <span>本周佳作</span>
    </div>
    <ul>
      <li>
        <img src="../../../public/img/tou.jpg" alt="">
        <h4>葱油拌面加个蛋</h4>
        <p>Lei-Lei的菜 &nbsp;&nbsp; 8万次播放 &nbsp;&nbsp; 1万次收藏</p>
      </li>
      <li>
        <img src="../../../public/img/tou.jpg" alt="">
        <h4>葱油拌面加个蛋</h4>
        <p>Lei-Lei的菜 &nbsp;&nbsp; 8万次播放 &nbsp;&nbsp; 1万次收藏</p>
      </li>
      <li>
        <img src="../../../public/img/tou.jpg" alt="">
        <h4>葱油拌面加个蛋</h4>
        <p>Lei-Lei的菜 &nbsp;&nbsp; 8万次播放 &nbsp;&nbsp; 1万次收藏</p>
      </li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
  @import "@/lib/reset";
  .container {
    .header {
      @include flexbox();
	    @include justify-content();
	    @include align-items();
      a {
        position: absolute;
        left:0;
      }
    }
    ul {
      li {
        img {
          width:100%;
          height:1.8rem;
          margin-bottom: .1rem
        }
        h4 {
          font-size: .5rem
        }
      }
    }
  }
</style>

<script>
import Vue from 'vue';
import { Icon } from "Vant";
Vue.use(Icon)

export default {
  
}
</script>